<html>
    <header>
        <script src="vue.js"></script>
    </header>
    <body>
        <div id="app-1">
            
            <input v-model="inputMsg">
            <br>
            <!-- 这里将input的数据绑定 -->
            <child v-bind:msg="inputMsg"  ></child>
            <br>
            <child msg="你好中国"></child>
            <br>
           
        </div>


        <script>
            //一个全局的组件
            Vue.component('child',{
                props:['msg'],
                template:"<span style='color:red'>{{msg}}</span>"
            })

            var app1=new Vue({
                el:'#app-1',
                data:{
                    inputMsg:"a",
                    todo:{
                        text:'do write message',
                        iscomplete:true
                    }
                },
                

            })



        </script>
    </body>
</html>